.search-page {
	height: 100vh;
	background: #f6f6f6;
	&-scroll {
		height: 100%;
		overflow-y: auto;
		padding-bottom: 24px;
		box-sizing: border-box;
	}

	.filter {
		display: flex;
		align-items: center;
		background: #FFF;
		margin: 20px 0;
		position: sticky;
		top: 0;
		&-item {
			flex: 1;
			text-align: center;
			height: 80px;
			line-height: 80px;
			display: flex;
			align-items: center;
		}

		&-item-content {
			width: 250px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		&-item-content-text {
			overflow: hidden;
			text-overflow: ellipsis;
			font-size: 26px;
			max-width: 150px;
			align-items: center;
			margin-right: 8px;
			color: #666;
			white-space: nowrap;
		}
	}

	.card-list {
		&-item {
			margin: 20px;
			display: flex;
			background: #FFF;
			border-radius: 6px;
			padding: 32px;
			align-items: center;
		}

		&-item-avatar {
			height: 120px;
			width: 120px;
			border-radius: 50%;
			margin-right: 20px;
		}

		&-item-content {
			flex: 1;

			.nickname {
				font-size: 32px;
				margin-bottom: 16px;
				color: #333;
			}
			.detail {
				font-size: 24px;
				color: #666;
			}

			.address {
				font-size: 24px;
				color: #666;	
			}
		}
	}

	.at-activity-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    height: 40px;
    margin: 10px;
	}

	.empty {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 200px;
		&-img {
			width: 400px;
			height: 400px;
		}
		&-text {
			color: #ccc;
		}
	}

	.at-search-bar.search-input {
		.at-search-bar__action {
			background-color: #8959e2;
		}
	}
}